<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="h-full font-sans antialiased">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>
    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>

<div id="app">
    <div class="nav-wrap">
        <div class="nav">
            <div class="title"><router-link :to="{name:'index'}">{{config('app.name')}}</router-link></div>
            <div class="user"><router-link :to="{name:'user-profile'}" class="name">{{auth()->user()->name}}</router-link>
                <form class="inline" method="post" action="{{route('logout')}}">
                    @csrf
                    <button type="submit">退出</button>
                </form>
            </div>

        </div>
    </div>
    @yield('content')
</div>
<script>
    window.config = {
        baseUrl: '{{ url('app') }}'
    };
</script>
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}"></script>
</body>
</html>
